<template>
  <div style="height: 100%">
    <v-g-editor class="flow-chart">
      <flow :data="flowData"></flow>
    </v-g-editor>
  </div>
</template>

<script>
import VGEditor, {Flow} from 'vg-editor'
export default {
  name: 'IFlow',
  components: {
    VGEditor, Flow
  },
  props: {
    flowData: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      
    }
  }
}
</script>

<style scoped>
.flow-chart {
  height: 100%;
}

.graph-container >>> canvas {
  height: 100%;
}
</style>